.newsitems{ display: flex; width: 80%; margin: 0 auto;}
.newsitems .newsitem{ width: 20%;}
h2{ text-align: left; margin-left: 10%;}
.login{ width: 50%; min-height: 400px; margin: 0 auto; font-size: 1.5em;}
.login .login-item{ width: 80%; margin: 10% auto; display: flex;}
.login .login-item label{ width: 30%; height: 40px; line-height: 40px;}
.login .login-item input{ width: 80%; border-radius: 5px;}
.login .login-item .button{ width: 30%; background-color: aqua; height: 40px; line-height: 40px; margin: 0 auto; cursor: pointer; border-radius: 10px;}

.users-form{ width: 80%; margin: 1% auto; border: solid 1px #ddd; }
.users-form .datas{ width: 100%; }
.users-form .datas .title{ width: 100%; margin: 1% auto; display: flex;}
.users-form .datas .title .item{ width: 100%; height: 60px; line-height: 60px;}
.users-form .datas .body{ width: 100%; margin: 1% auto;}
.users-form .datas .body .body-item{ width: 100%; display: flex; margin: 1% 0; height: 35px; line-height: 35px;}
.users-form .datas .body .body-item .cc{ width: 15%;}
.users-form .datas .body .body-item .cc2{ width: 25%;}
.users-form .datas .action{ width: 10%;}

.users-form .datas .body .button{ width: 60px; height: 35px; line-height: 35px; background-color: #ddd; border-radius: 5px; cursor: pointer;}

.signup-item{ width: 80%; margin: 1% auto; height: 60px; line-height: 60px; display: flex;}
.signup-item label{ height: 40px; line-height: 40px; width: 40%; text-align: right; padding-right: 1%;}
.signup-item input{ height: 40px; line-height: 40px;  width: 55%;}
.signup-item .button{width: 30%; background-color: aqua; height: 40px; line-height: 40px; margin: 0 auto; cursor: pointer; border-radius: 10px; }
